<template>
  <div class="footer">
    <div class="checkbox clearfix">
      <label>
        <input
          type="checkbox"
          :checked="isSwitch"
          @click="$emit('change', $event.target.checked)"
        />
        已完成{{ finishedNum }}/未完成{{ unFinishedNum }}
      </label>

      <button
        type="button"
        class="btn btn-danger pull-right"
        @click="$emit('click')"
      >
        清除已完成的任务
      </button>
    </div>
  </div>
</template>
<script>
export default {
  props: ['finishedNum', 'unFinishedNum', 'isSwitch'],
  data() {
    return {}
  }
  // methods: {
  //   handleSelectAllAndReverse(e) {
  //     // console.log(e.target.checked)
  //     this.$emit('change', e.target.checked)
  //   }
  // }
}
</script>
<style lang="scss" scoped></style>
